<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/_container :: htmlhead"></head>
<body>
<div class="ibox float-e-margins">
	<div class="ibox-content">
		<div class="form-horizontal">
		
			<input type="hidden" id="id" th:value="${role.id}"/>

			<div class="row">
				<div class="col-sm-6 b-r">
					<div class="form-group">
					    <label class="col-sm-3 control-label">角色名称
							<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="name" th:value="${role.name}" type="text"  />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
						<label class="col-sm-3 control-label">角色类型
							<span style="color: red">*</span>
						</label>
						<div class="col-sm-9">
							<select class="form-control" id="type">
								<option value="">---请选择角色类型---</option>
								<option th:each="code,iterStat:${roleTypes}" th:value="${code.key}" th:text="${code.value}"></option>
							</select>
							<input class="form-control" id="type2"  th:value="${role.type}" type="hidden"  />
						</div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
						<label class="col-sm-3 control-label">数据权限
							<span style="color: red">*</span>
						</label>
						<div class="col-sm-9">
							<select class="form-control" id="dataScope">
								<option value="">---请选择数据权限---</option>
								<option th:each="code,iterStat:${dataScopes}" th:value="${code.key}" th:text="${code.value}"></option>
							</select>
							<input class="form-control" id="dataScope2"  th:value="${role.type}" type="hidden"  />
						</div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>

				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">别名
							<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="tips" th:value="${role.tips}" type="text"  />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">排序
							<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="num"  th:value="${role.num}" type="number"  />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				
			</div>

			<!-- 这是部门下拉框 -->
			<div id="deptContent" class="menuContent"
				style="display: none; position: absolute; z-index: 200;">
				<ul id="deptTree" class="ztree tree-box" style="width: 250px !important;"></ul>
			</div>
			
			<!-- 这是父级菜单下拉框 -->
			<div id="pNameContent" class="menuContent"
				style="display: none; position: absolute; z-index: 200;">
				<ul id="pNameTree" class="ztree tree-box" style="width: 250px !important;"></ul>
			</div>

			
		</div>

	</div>
</div>
<script th:src="@{/static/modular/system/role/role_info.js}"></script>
<script>
	$(function(){
		$("input").attr("disabled",true);
		$("select").attr("disabled",true);
	});
</script>
</body>
</html>
